<!--菜单信息管理-->
<template>
	<div class="menuManage">
		<div class="main-box">
			<div class="left">
				<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" :highlight-current='true'
					:default-expand-all='true'></el-tree>
			</div>
			<div class="right">
				<router-view></router-view>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'menuManage',
		props: {
			msg: String
		},
		data() {
			return {
				data: [{
						label: '黑名单管理',
						children: [{
								label: '黑名单添加',
								url: '/fileRegInfo'
							},
							{
								label: '黑名单查询',
								url: '/fileQuaInfo'
							},
							{
								label: '黑名单管理',
								url: '/blacklistManagement'
							},
							{
								label: '黑名单查询历史记录',
								url: '/fileMenRepresentative'
							},
						]
					}, {
						label: '固定收益业务模块',
						children: [{
							label: '债券投资交易人员管理',
							children: [{
									label: '债券投资交易人员信息公示',
									url: '/fileRegInfo'
								},
								{
									label: '债券投资交易人员信息公示审核',
									url: '/fileQuaInfo'
								}
							]
						}]
					}, {
						label: '债券承销业务报送管理',
						children: [{
								label: '债券承销信息报送（独主/牵头）',
								url: '/fileRegInfo'
							},
							{
								label: '债券承销信息报送（联席主承）',
								url: '/fileQuaInfo'
							},
							{
								label: '债券承销信息报送（受托管理人）',
								url: '/fileQuaInfo'
							},
							{
								label: '债券承销信息管理',
								url: '/fileQuaInfo'
							},
							{
								label: '债券承销信息管理（联席主承）',
								url: '/fileQuaInfo'
							},
							{
								label: '债券承销信息管理（受托管理人）',
								url: '/fileQuaInfo'
							},
							{
								label: '债券承销信息统计2',
								url: '/fileQuaInfo'
							},
							{
								label: '债券承销信息统计1',
								url: '/fileQuaInfo'
							},
							{
								label: '债券承销信息邮件管理',
								url: '/fileQuaInfo'
							}
						]
					}, {
						label: '公司债券承销报价内部约束',
						children: [{
								label: '债券承销报价内部约束线报送',
								url: '/fileRegInfo'
							},
							{
								label: '债券承销报价内部约束线管理',
								url: '/fileQuaInfo'
							},
							{
								label: '债券承销报价专项说明报送',
								url: '/fileQuaInfo'
							},
							{
								label: '债券承销报价专项说明管理',
								url: '/fileQuaInfo'
							},
							{
								label: '问询回复',
								url: '/fileQuaInfo'
							},
							{
								label: '公开回应报备',
								url: '/fileQuaInfo'
							}
						]
					}, {
						label: '信用保护合约备案管理',
						children: [{
								label: '信用保护合约备案报送',
								url: '/fileRegInfo'
							},
							{
								label: '信用保护合约备案管理',
								url: '/fileQuaInfo'
							}
						]
					},
					{
						label: '会员在线申请管理',
						children: [{
								label: '申请审核',
								url: '/fileRegInfo'
							},
							{
								label: '统计',
								url: '/fileQuaInfo'
							},
							{
								label: '密码重置',
								url: '/blacklistManagement'
							},
							{
								label: '已审核会员申请信息',
								url: '/fileMenRepresentative'
							},
						]
					},
					{
						label: '融资担保公司信息管理',
						children: [{
								label: '基本情况报告',
								url: '/fileRegInfo'
							},
							{
								label: '基本情况报告审核',
								url: '/fileQuaInfo'
							},
							{
								label: '年度报告',
								url: '/blacklistManagement'
							},
							{
								label: '年度报告审核',
								url: '/fileMenRepresentative'
							},
							{
								label: '临时报告',
								url: '/blacklistManagement'
							},
							{
								label: '临时报告审核',
								url: '/fileMenRepresentative'
							},
						]
					},
					{
						label: '场外期权业务二级交易商备案',
					},
					{
						label: '创新业务试点评估',
					},
					{
						label: '在线调查',
						children: [{
								label: '发起调查',
								url: '/fileRegInfo'
							},
							{
								label: '基本情况报告审核',
								url: '/fileQuaInfo'
							},
						]
					}
				],
				defaultProps: {
					children: 'children',
					label: 'label'
				}
			}
		},
		mounted() {

		},
		methods: {
			handleNodeClick(data) {
				this.$router.push(data.url);
			}
		}
	}
</script>

<style scoped lang="scss">
	.archivesInfo {
		height: 100%;
		width: 100%;
	}

	.top-info {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 12px;
		font-size: 16px;
		font-weight: 400;
		color: #3D80FF;
	}

	.com-name {
		display: flex;
		align-items: center;

	}

	.top-img {
		width: 18px;
		height: 18px;
		margin-right: 11px;
	}

	.main-box {
		height: calc(100% - 50px);
		display: flex;
		overflow-y: auto;
	}

	.left {
		width: 350px;
		height: 100%;
		background: rgba(244, 248, 255, .61);
		border-radius: 5px;
		padding: 16px 29px;
		margin-right: 14px;
		box-sizing: border-box;
	}

	.right {
		height: 100%;
		width: calc(100% - 364px);
		// background: rgba(244, 248, 255, .5);
		border-radius: 5px;
		overflow-y: auto;
	}

	//滚动条
	::-webkit-scrollbar {
		width: 8px;
		height: 100%;
	}

	::-webkit-scrollbar-thumb {
		/*滚动条里面小方块*/
		border-radius: 5px;
		-webkit-box-shadow: inset 0 0 5px #F4F8FF;
		box-shadow: inset 0 0 5px #F4F8FF;
		background: #F4F8FF;
	}

	::-webkit-scrollbar-track {
		/*滚动条里面轨道*/
		// -webkit-box-shadow: inset 0 0 5px rgba(14,54,94, 0.2);
		// box-shadow: inset 0 0 5px rgba(14,54,94, 0.2);
		// border-radius: 5px;
		// background: rgba(14,54,94, 0.1);
	}
</style>
